import { defineStore } from "pinia";

// 创建一个全局状态、容器
// 容器接收两个参数，第一个参数：容器ID（唯一），第二个：容器的内容
// defineStore返回是一个函数，这个函数按照useXXX去命名
// counter --> useCounter   storeDemo --> useStoreDemo
export const useStoreDemo = defineStore('storeDemo',{
    // 容器内容
    // state：用来存储全局状态/数据，可以理解为数据配置的位置
    state: () =>{
        return {
            msg: "Hello, Pinia"
        }
    },
    // 相当于计算属性
    getters: {},
    // 定义修改数据的方法
    // 相当于methods
    actions: {
        changeStoreDemo(str) {
            this.msg = str
        }
    }
})
